 @font-face {
 	font-family: "iconfont";
 	src: url('fonts/iconfont.ttf') format('truetype');
 	/* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
 }



*{
	padding:0;
	margin:0;
}
body{
	background: #f4f6f8;
}
/*头像部分 开始*/
#basic{
	background:;width:100%;height:100%;
}

#basic div.top-content{
	height:214px;width:100%;position: relative;
}
#basic div.top-content .bg-img{
	width: 100%;height:214px;position: absolute;z-index: 0;
}

#basic div.top-content div.avatar{
	position:relative;top:40px;width:65px;height:65px;border-radius:50%;overflow:hidden;
	border:2px solid #fff;margin: 0 0 0 10px;
}
#basic div.top-content div.avatar img{
	width:65px;height:65px;
}
#basic .top-content .userinfo p{
	font-family:微软雅黑;font-size:17px;display: inline-block;margin:0px 0 0 90px;
}
#basic div.top-content .message {
	height:75px;width:100%;position:relative;margin-top:35px;font-family:微软雅黑;
}
#basic div.top-content .message dl{
	font-size:15px;color:#D81D24;text-align:center;
	display:inline-block;width: 32%;height:75px;
}

#basic div.top-content .message dl dt{
	margin-top:20px;font-size:15px;color:#D81D24;
}
#basic div.top-content .message dl  dd{
   font-size:15px;color:black;
}

/*头像部分 结束*/

/*我的订单 开始*/

#basic .middle-content{
	height:100%;width:100%;background:#f4f6f8;margin: 20px 0 0 0;padding-bottom:6 5px;
}

#basic .middle-content .aaa{
   width:100%;position:relative;
   background-size:100%;height:100%;
   /*margin:0 auto;height:420px;background:#f4f6f8;*/

}
#basic .middle-content .aaa .about{
	background:white; height:100px;width:30%;display: inline-block;
	margin: 10px 0px 0 1.3%;
}

#basic .middle-content .about .iconfont{
	margin:25px auto 0 auto;
}
#basic .middle-content .about p{
   text-align: center;font-family:微软雅黑;font-size:15px;margin: 5px 0 0 0;
}

/*  我的订单   伪类背景*/
.middle-content .about div.iconfont{
	width:40px;height:40px;border-radius:50%;overflow:hidden;
}
.middle-content .about div.icon-rili{
  background:#8989cd;line-height: 40px;
}
.middle-content .about div.icon-order{
  background:#b87fcd;line-height: 40px;
}
.middle-content .about div.icon-shangjia{
  background:#6cb5e9;line-height: 40px;
}
.middle-content .about div.icon-pingjia{
  background:#ed866e;line-height: 40px;
}
.middle-content .about div.icon-dangan{
  background:#7498ea;line-height: 40px;
}
.middle-content .about div.icon-yaoqing{
  background:#9dc841;line-height: 40px;
}
.middle-content .about div.icon-help{
  background:#40c5b1;line-height: 40px;
}



/*  我的   伪类背景*/
/*
.footer .sale .icon-my{
   background:#fcd3d4;
}*/

/*底部导航  开始*/

.footer{

	width:100%;height:50px;background:white;position:fixed;bottom: 0px;
}

.footer .sale p{
	    font-size: 11px;
}


/*
.fff{
	width:100%;margin:0 auto;	
}
*/
.footer .sale {
   height:100%;width:18%;margin-top:5px;display: inline-block;
}

.footer .sale .icon-xiaoxi{
  position: relative;width: 16px;margin: 0 auto;
}

.footer .sale .radius{
   background: #D81D24;line-height: 15px;width:15px;position:absolute;
   height:15px;border-radius:50%;overflow:hidden;right:-15px;top:-5px;text-align: center;
}
.footer .fff .sale .radius p{
	color:white;text-align:center;font-size:13px;
}

.footer  .fff .sale p{
   font-family:微软雅黑;font-size:12px;display:inline-block;
   color:#ccc;width:100%;text-align:center;  
}

.footer .sale .icon-saoma{
   background:#ff8587;line-height: 40px;width:40px;position: absolute;
   height:40px;border-radius:50%;overflow:hidden;top: -15px;left: 45%; 
        
}
/*
.footer .sale .incon-dingdan{
   background:#f6f6f7;
}
.footer .sale .incon-caidan{
   background:#f6f6f7;
}
*/
/*我的订单  结束*/





/*顶部导航  结束*/

/*规范了字体家族，然后字体基准大小*/

.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
}
/*伪类*/
/*我的收益*/
.icon-yue:before { content: "\e60e"; font-size: 40px;color: #eb748a;}
/*营业日历*/
.icon-rili:before { content: "\e6b6"; font-size: 24px;color: #fff;}/*营业日历*/
/*我的菜单*/
.icon-menu:before { content: "\e68e";font-size: 40px;color: #dfc220; }
/*我的订单*/
.icon-order:before { content: "\e6b7";font-size: 20px;color:#fff;}
/*商家管理*/
.icon-shangjia:before  {content: "\e6b9";font-size: 20px;color:#fff; }
/*收到的评价*/
.icon-pingjia:before  { content: "\e6bb";font-size: 20px;color:#fff; }
/*我的档案*/
.icon-dangan:before  {content: "\e611";font-size: 20px;color:#fff;}
/*邀请好友*/
.icon-yaoqing:before  {content: "\e6bc";font-size: 20px;color:#fff;}
/*帮助中心*/
.icon-help:before  {content:  "\e6f6";font-size: 20px;color:#fff;}

/*底部导航  伪类*/
/*我的*/
.icon-my:before  {content: "\e652";font-size: 22px;color: #D81D24}
/*消息*/
.icon-xiaoxi:before  {content:"\e658";font-size: 22px;color: #999;}
/*扫一扫*/
.icon-saoma:before  { content:"\e635";font-size: 22px;color: #fff;}
/*订单*/
.icon-dingdan:before {content: "\e6ab";font-size: 22px;color:#e9eef1;}
/*菜单*/
.icon-caidan:before {content: "\e6ac";;font-size: 22px;color:#e9eef1;}

















